<template>
  <div class="simple_tap_description">
    <h3>{{ productName }}</h3>
    <p>{{ productDescription }}</p>
  </div>
</template>

<script>
import { ref } from "vue";
export default {
  name: "SimpleTapDescription",
  setup() {
    let productName = ref("产品名称");
    let productDescription = ref("产品描述");

    return {
      productName,
      productDescription,
    };
  },
};
</script>

<style scoped lang='less'>
.simple_tap_description {
  background-color: rgb(235, 235, 235);
  box-sizing: border-box;
  h3 {
    margin-left: 25px;
    font-size: 1.3rem;
  }
  p {
    padding: 0px 10px;
    font-size: 1rem;
    text-indent: 2em;
  }
}
</style>